/* Reset (based on http://meyerweb.com/eric/tools/css/reset/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:100%; background-color:#FFFFFF; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table, caption, tbody, tfoot, thead, tr, th, td { vertical-align:middle; }
table { border-collapse:collapse; border-spacing:0; }
div { margin:auto; text-align:left; }
hr, br { display:none; }

/* Page */
* { color:#666; }
body { text-align:center; line-height:13px; padding:20px; }
body, input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5D5850; }

/* Header */
h1 { font-size:20px; margin:0 0 20px 0; }

/* Boxes */

.col { width:20%; float:left; margin:0 50px 0 0; }
.col h2, .col label { display:block; margin:0 0 0.5em 0; font-size:12px; font-weight:bold; color:#666; }

.sample { margin:0 0 20px 0; }

.tabs div { width:310px; margin:1px 0 0 0; padding:5px; background:#333; color:#FFF; }